<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--================================================================================
  Item Name: Materialize - Material Design Admin Template
  Version: 4.0
  Author: PIXINVENT
  Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================ -->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="msapplication-tap-highlight" content="no">
    <!--<meta name="description" content="Materialize is a Material Design Admin Template,It's modern, responsive and based on Material Design by Google. ">-->
    <!--<meta name="keywords" content="materialize, admin template, dashboard template, flat admin template, responsive admin template,">-->
    <title>BAUHINIA SQUARE Admin</title>
    <!-- Favicons-->
    <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32">
    <!-- Favicons-->
    <link rel="apple-touch-icon-precomposed" href="images/favicon/apple-touch-icon-152x152.png">
    <!-- For iPhone -->
    <meta name="msapplication-TileColor" content="#00bcd4">
    <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
    <!-- For Windows Phone -->
    <!-- CORE CSS-->
    <link href="css//materialize.css" type="text/css" rel="stylesheet">
    <link href="css//style.css" type="text/css" rel="stylesheet">
    <!-- Custome CSS-->
    <link href="css/custom/custom.css" type="text/css" rel="stylesheet">
    <!-- INCLUDED PLUGIN CSS ON THIS PAGE -->
    <link href="vendors/perfect-scrollbar/perfect-scrollbar.css" type="text/css" rel="stylesheet">
    <link href="vendors/flag-icon/css/flag-icon.min.css" type="text/css" rel="stylesheet">
</head>

<body class="active-promotion-rule">
    <!-- Start Page Loading -->
    <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
    </div>
    <!-- End Page Loading -->
    <!-- //////////////////////////////////////////////////////////////////////////// -->
    <!-- START HEADER -->
    <header id="header" class="page-topbar">
        <!-- start header nav-->
        <div class="navbar-fixed" th:include="header :: header"></div>
        <!-- end header nav-->
    </header>
    <!-- END HEADER -->
    <!-- //////////////////////////////////////////////////////////////////////////// -->
    <!-- START MAIN -->
    <div id="main">
        <!-- START WRAPPER -->
        <div class="wrapper">
            <!-- START LEFT SIDEBAR NAV-->
            <aside id="left-sidebar-nav" th:include="leftNavigation :: navigation">
            </aside>
            <!-- END LEFT SIDEBAR NAV-->
            <!-- //////////////////////////////////////////////////////////////////////////// -->
            <!-- START CONTENT -->
            <section id="content">
                <!--breadcrumbs start-->
                <div id="breadcrumbs-wrapper">
                    <div class="container">
                        <div class="row">
                            <div class="col s10 m6 l6">
                                <h5 class="breadcrumbs-title">促销积分规则</h5>
                                <ol class="breadcrumbs">
                                    <li><a href="/">上海紫荆广场</a>
                                    </li>
                                    <li><a href="#">促销积分规则</a>
                                    </li>
                                    <li class="active">促销积分规则 列表</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <!--breadcrumbs end-->
                <!-- //////////////////////////////////////////////////////////////////////////// -->
                <!--start container-->
                <div class="container">
                    <!--<form method="POST" enctype="multipart/form-data" action="/shops" data-parsley-validate>-->
                    <!--<div class="section">-->
                        <!--<div class="row">-->
                            <!--<div class="input-field col s2">-->
                                <!--<select id="industry_id" name="industry_id">-->
                                    <!--<option th:each="industry:${industries}" th:value="${industry?.industry_id}" th:text="${industry?.industry_name}"></option>-->
                                <!--</select>-->
                            <!--</div>-->
                            <!--<div class="col s1"></div>-->
                            <!--<div class="input-field col s2">-->
                                <!--<select id="map_id" name="map_id">-->
                                    <!--<option th:each="map:${maps}" th:value="${map.map_id}" th:text="${map.map_name}"></option>-->
                                <!--</select>-->
                            <!--</div>-->
                            <!--<div class="col s2"></div>-->
                            <!--<div class="input-field col s3">-->
                                <!--<i class="material-icons prefix" style="margin-left: 1.5em">search</i>-->
                                <!--<input type="text" name="Search" style="padding-left:2.5em;" />-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<br>-->
                        <!--<div class="divider"></div>-->
                    <!--</div>-->
                    <!--<br>-->
                    <div class="row">
                        <div class="col s12 m12 l12">
                            <a id="addButton" class="btn-floating btn-large waves-effect waves-light red right" style="margin-top:-.7em;margin-right:-.7em;" href="/promotionRule"><i class="material-icons">add</i></a>
                            <div class="card-panel">
                                <h4 class="header2">促销积分规则</h4>
                                <div class="row">
                                    <div class="col s12">
                                        <div class="row">
                                            <table class="striped centered">
                                                <thead>
                                                    <tr>
                                                        <th>规则名称</th>
                                                        <th>积分兑换规则</th>
                                                        <th>开始时间</th>
                                                        <th>结束时间</th>
                                                        <!--<th>状态</th>-->
                                                        <th>操作</th>
                                                    </tr>
                                                </thead>

                                                <tbody>
                                                    <tr th:each="ppRule:${ppRules}">
                                                        <td th:text="${ppRule?.rule_name}"></td>
                                                        <td th:text="${ppRule?.amount} + '元(' + ${ppRule?.amount} + '元=1积分)'"></td>
                                                        <td th:text="${ppRule?.start_date>0} ? ${#dates.format(ppRule?.start_date, 'YYYY-MM-dd HH:mm:ss')}"></td>
                                                        <td th:text="${ppRule?.end_date>0} ? ${#dates.format(ppRule?.end_date, 'YYYY-MM-dd HH:mm:ss')}"></td>
                                                        <td>
                                                            <a class="waves-effect waves-light" th:href="@{'/promotionRule?ruleId=' + ${ppRule?.ppr_id}}"><i class="material-icons left">edit</i></a>
                                                            <a class="waves-effect waves-light" th:href="@{'/delPromotionRule?ruleId=' + ${ppRule?.ppr_id}}"><i class="material-icons left">delete_forever</i></a>
                                                       </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <!--<div class="row">-->
                                    <!--<ul class="pagination right">-->
                                        <!--<li th:class="@{${currPage == 1} ? 'disabled' : 'waves-effect'}">-->
                                            <!--<a th:href="@{${currPage == 1} ? '#!' : '/shops?page=' + ${currPage - 1} + '&size=15'}"><i class="material-icons">chevron_left</i></a>-->
                                        <!--</li>-->
                                        <!--&lt;!&ndash;样例：<li th:each="p:${pages}" th:style="'display:' + @{(${sitrue} ? 'none' : 'inline-block')} + ''"/>&ndash;&gt;-->
                                        <!--<li th:each="p:${pages}" th:class="@{(${p?.isCurr==1} ? 'active' : 'waves-effect')}">-->
                                            <!--<a th:href="@{(${p?.isCurr==1} ? '#!' : '/shops?page=' + ${p?.page} + '&size=15')}" th:text="${p?.page}"></a>-->
                                        <!--</li>-->
                                        <!--<li th:class="@{${currPage == pages.length} ? 'disabled' : 'waves-effect'}">-->
                                            <!--<a th:href="@{${currPage == pages.length} ? '#!' : '/shops?page=' + ${currPage + 1} + '&size=15'}"><i class="material-icons">chevron_right</i></a>-->
                                        <!--</li>-->
                                    <!--</ul>-->
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                    <!--</form>-->
                </div>
                <!--end container-->
            </section>
            <!-- END CONTENT -->
            <!-- START RIGHT SIDEBAR NAV-->
            <aside id="right-sidebar-nav" th:include="rightSidebarNav :: right-sidebar-nav">
            </aside>
            <!-- END RIGHT SIDEBAR NAV-->
        </div>
        <!-- END WRAPPER -->
    </div>
    <!-- END MAIN -->
    <!-- //////////////////////////////////////////////////////////////////////////// -->
    <!-- START FOOTER -->
    <footer class="page-footer gradient-45deg-light-cyan-cyan" th:include="footer :: footer">
    </footer>
    <!-- END FOOTER -->
    <!-- ================================================
Scripts
================================================ -->
    <!-- jQuery Library -->
    <script type="text/javascript" src="vendors/jquery-3.2.1.min.js"></script>
    <!--materialize js-->
    <script type="text/javascript" src="js/materialize.min.js"></script>
    <!--scrollbar-->
    <script type="text/javascript" src="vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <!--plugins.js - Some Specific JS codes for Plugin Settings-->
    <script type="text/javascript" src="js/plugins.js"></script>
    <!--custom-script.js - Add your own theme custom JS-->
    <script type="text/javascript" src="js/custom-script.js"></script>
    <script th:inline="javascript">
        $(document).ready(function () {
            var levelUsable = [[${levelUsable}]]

            if (!levelUsable) {
                $('#addButton').attr('disabled', 'disabled')
                Materialize.toast('请先设置等级!', 4000)
            }
        })
    </script>
</body>

</html>